<!--
  Generated template for the PostPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-buttons start>
      <button ion-button (click)="dismissCLI()">
        <img src="assets/img/back.png" width='15' height='20'>
      </button>
    </ion-buttons>
    <ion-title>发布帖子</ion-title>
    <ion-buttons end>
      <button ion-button icon-only style="margin-right: 5px;" (click)="doPub()">
        <span>发送</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>

  <ion-card>
    <ion-card-header>
      <ion-textarea rows="2" maxLength="30" placeholder="标题（至少5个字）" [(ngModel)]="publishObj.article_title"></ion-textarea>
    </ion-card-header>
    <ion-card-content>
      <textarea style="border:1px solid #ccc;padding-top:1rem;" rows="8" maxLength="150" placeholder="说点什么吧" [(ngModel)]="publishObj.article_content"></textarea>
    </ion-card-content>

    <ion-grid>
      <ion-row>
        <ion-col col-3 *ngFor="let item of imgarr;let i=index;">
          <div style="position:relative;height:7.8rem;">
            <img style="width: 100%;height:100%;" [src]='picrooturl+item' alt="">
            <span class="delet" (click)="delImg(item,i)" style="width:18px;height:18px;position:absolute;top:0;right:0;margin-top: -9px; margin-right: -9px;">
              <img src="assets/img/ios/guanbi--@2x.png" alt="">
            </span>

          </div>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-card>
</ion-content>

<ion-footer>
  <ion-navbar>
    <!-- showPic -->
    <ion-buttons start style="position:relative" *ngIf="true">

      <button ion-button icon-only>
        <div style="width:1rem"></div>
        <ion-icon style="margin-left: 10%" name="ios-camera-outline" color="#ffffff" style="padding-right: 5px; font-size: 40px;top:0;left:0;"></ion-icon>
      </button>
      <page-select-picture style="position:absolute;opacity:0;top: 0;left:5px;" [max]="1" [classname]="circle1Class" [fileObjList]='fileObjList'
        (fileObjListChange)="returnapiimg($event)">
      </page-select-picture>
    </ion-buttons>


    <button style="width: 30%;margin-right: 5%" ion-button color="danger" round class="column" (click)="presentActionSheet()">{{nailerName}}</button>

  </ion-navbar>
</ion-footer>